<template>
	<view class="content">
		<view class="tagging">
			<input class="uni-input" focus placeholder="添加您的个人标签（不超过3个标签)" />
			<view class="end-title">
			     <view v-for="(item,index) in items" :key="index" :class="{btna:count == index}" @tap="change(index)">
			        {{item}}
			    </view>
			</view>
		</view>
		<view class="bottom">
			<text>确认</text>
		</view>
	</view>
</template>

<script>
	export default{
		data() {
		   return {
		      btnnum: 0,
		      items:["带货","实力大V","忠实粉丝","吃播","高人气","忠实粉丝"],
		      count:"",
		  };
		},
		methods:{
			
		}
	}
</script>

<style lang="less">
	.content{
		padding: 20upx;
		.tagging{
			.end-title{
				display: flex;
				    flex-wrap: wrap;
				uni-view{
					    padding: 6px 14px;
					    background: #FFFFFF;
					    border: 1px solid #A0A0A0;
					    border-radius: 30px;
					    font-size: 15px;
					    margin: 7px;
				}
			}
			uni-input{
				text-indent: 13px;
				    border-bottom: 1px solid #dedede;
				    margin: 10px;
			}
		}
		.bottom{
			    width: 250px;
			    height: 44px;
			    background: #E50012;
			    border-radius: 22px;
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    color: #ffffff;
			    margin: 60px auto;
		}
	}
</style>
